<div class="container" style="margin-top: 10px ">
  <div class="col-sm-12">
    <div class="form-group">
      <!--绑定在一起，当input的值发生改变是，会发出请求-->
      <input class="form-control" placeholder="请输入商品名称" [formControl]="titleFilter">
    </div>
  </div>
</div>
<div class="container product-max">
  <div *ngFor="let pro of products | async " class="product-interval col-md-4 col-sm-4 col-lg-4">
    <div class="img-thumbnail">
      <img src="../../../assets/1.jpg" class="img-thumbnail">
      <div class="">
        <h5><a [routerLink]="['/product', pro.id]">{{pro.title}}</a></h5>
        <h5>&emsp;{{pro.price}}元</h5>
        <p style="text-align: left">{{pro.desc}}</p>
      </div>
    </div>
  </div>
</div>
